<!DOCTYPE html>
<!--Copyright (c) 2021 Tyrael, Y. LI-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="current-version" content="5.10">
    <link href="./css/popup.min.css" type="text/css" rel="stylesheet">
    <link href="./css/popupbtn.min.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="host">
    <img id="logo" src="./images/svga/13.svg" frame="13">
    <a href="./liveroom.html" class="liveroom-entry a-link" target="_blank">放映室</a>
<!--    <img id="logo" src="./images/abaaba.png">-->
    <div style="font-size: 14px">rua豹器</div>
    <div><span>b站状态: </span>
        <span class="tooltip" id="login" style="color:#aaa; font-size: 12px; position: relative">加载中
            <span class="tooltiptext tooltiptext-middle">b站登录状态。扩展要在b站登录后才能启用全部功能。</span>
        </span>
    </div>
    <div id="version" style="font-size: 12px"></div>
    <div id="update" style="color: #00A0FF; display: none; cursor: pointer"></div>
</div>
<hr size="1" color="#aaa">
<div class="setting">
    <div style="font-size: 20px; padding-top: 10px; padding-left: 15px; user-select: none">
        <span>设置</span>
        <a id="more-setting" class="a-link" href="setting.html" target="_blank">
            <span>更多设置</span>
            <span style="position: relative; top: 4px;">
                <svg width="10" height="10" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" class="right-arrow" style="transform: rotate(90deg);"><rect x="10" y="10" rx="5" ry="5" width="35" height="10" style="transform: rotate(45deg); transform-origin: center;"/><rect x="10" y="30" rx="5" ry="5" width="35" height="10" style="transform: rotate(135deg); transform-origin: center;"/></svg>
            </span>
        </a>
        <a id="reload" class="a-link" style="margin-left: 70px;">
            <span>重启服务</span>
        </a>
    </div>
    <div class="setting-title">主题</div>
    <div class="host" style="margin: 0 25px;height: 40px;">
        <div class="button-host" id="btn14">
            <span class="tooltip">深色模式
                <span class="tooltiptext tooltiptext-left">将b站设为深色模式。</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="darkMode">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn15">
            <span class="tooltip">跟随系统
                <span class="tooltiptext tooltiptext-right">主题跟随系统自动切换。</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="darkModeSystem">
                    <label></label>
                </div>
            </section>
        </div>
    </div>
    <div class="setting-title">直播相关</div>
    <div class="host" style="margin: 0 25px;height: 200px;">
        <div class="button-host" id="btn1">
            <span class="tooltip">开播通知
                <span class="tooltiptext tooltiptext-left">开启后会在关注的主播开播后发送通知</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="notification">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn4">
            <span class="tooltip">显示封面
                <span class="tooltiptext tooltiptext-right">开启后会在通知以大图显示封面，仅在Windows系统中可用<br>默认关闭</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="img-notice">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="HiddenEntryBtn">
            <span class="tooltip">隐身进入
                <span class="tooltiptext tooltiptext-left">隐身进入直播间，此模式只是不在弹幕中显示进入直播间，但是高能榜依然会照常显示</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="HiddenEntry">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn10">
            <span class="tooltip">强力隐身
                <span class="tooltiptext tooltiptext-right">增强型隐身，此模式下没有人能看到你进入直播间，但是页面弹幕框不能发弹幕，rua豹器弹幕框不受影响</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="enhanced-hidden">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn6">
            <span class="tooltip">默认画质
                <span class="tooltiptext tooltiptext-left">若当前直播间没有此清晰度，则会向上选择。</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="qn">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn7">
            <div style="height: 13px; width: 100px"></div>
            <div id="qn-items" style="margin-top: 0">
                <div class="qn-i" style="transform: rotateX(0deg);">原画</div>
                <div class="qn-i" style="transform: rotateX(45deg);">蓝光</div>
                <div class="qn-i" style="transform: rotateX(90deg);">超清</div>
                <div class="qn-i" style="transform: rotateX(135deg);">高清</div>
                <div class="qn-i" style="transform: rotateX(180deg);">流畅</div>
            </div>
            <span style="margin-left:75px"><b>—</b></span>
            <span style="margin-left:10px"><b>—</b></span>
        </div>
        <div class="button-host" id="btn3">
            <span class="tooltip">自动签到
                <span class="tooltiptext tooltiptext-left">开启后每日自动签到</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="check-in">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="daka">
            <span class="tooltip">自动打卡
                <span class="tooltiptext tooltiptext-right">开启后每日自动在直播间打卡。可在"更多设置"中指定打卡的直播间。</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="daka-switch">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn2">
            <span class="tooltip">翻牌子
                <span class="tooltiptext tooltiptext-left">开启后在不同直播间切换时会确保佩戴当前主播粉丝牌子。只要牌子戴得对，我就是单推人！</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="medal">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn20">
            <span class="tooltip">挂机
                <span class="tooltiptext tooltiptext-right">开启后会在有牌子的主播开播是开始挂机，每天1500亲密度到手！可在"更多设置"中指定挂机的直播间。</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="hb">
                    <label></label>
                </div>
            </section>
        </div>
    </div>
    <div class="setting-title">切片录制</div>
    <div class="host" style="margin: 0 25px;height: 80px;">
        <div class="button-host" id="btn9">
            <span class="tooltip record-manual" style="cursor: pointer;">录制切片
                <span class="tooltiptext tooltiptext-left record-manual" style="cursor: pointer;">录制直播切片。初次使用时请点此气泡查看使用说明。</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="record">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn11" style="width: 200px">
            <span class="tooltip">录制重放
                <span class="tooltiptext tooltiptext-left">录制时会包含开始录制前数分钟的直播内容。该选项需刷新直播间页面后生效。默认：5分钟</span>
            </span>
            <div class="dropbox" style="width: 150px;">
                <label for="prerecord"></label>
                <select id="prerecord">
                    <option value="0">0(关闭重放)</option>
                    <option value="60">1</option>
                    <option value="300">5</option>
                    <option value="600">10</option>
                    <option value="900">15</option>
                    <option value="1800">30</option>
                </select>
                <span style="padding-left: 5px;"> 分钟</span>
            </div>
        </div>
    </div>
    <div class="setting-title">主站相关</div>
    <div class="host" style="margin: 0 25px;height: 80px;">
        <div class="button-host" id="btn5">
            <span class="tooltip">B币兑换
                <span class="tooltiptext tooltiptext-left">自动兑换大会员的每月5B币</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="b-coin">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn16">
            <span class="tooltip">up表情
                <span class="tooltiptext tooltiptext-right">开启后会在视频、动态等页面表情框中显示该up设置的up表情包（详见手机APP）。</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="commentEmoji">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn21">
            <span class="tooltip">封面裁切
                <span class="tooltiptext tooltiptext-left">缓存音频时将封面裁切为1:1比例，针对某些软件无法正常显示长方形封面。</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="album-cover">
                    <label></label>
                </div>
            </section>
        </div>
    </div>
    <div class="setting-title">推送通知</div>
    <div class="host" style="margin: 0 25px;height: 80px;">
        <div class="button-host" id="btn12">
            <span class="tooltip">消息推送
                <span class="tooltiptext tooltiptext-left tooltiptext-top">开启后在收到回复、赞、@、系统消息、私信时会推送通知。</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="unreadSwitch">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn13">
            <span class="tooltip">动态推送
                <span class="tooltiptext tooltiptext-right tooltiptext-top">开启后在关注的人发动态时会推送通知。（如果关注人数太多的当心系统通知栏爆炸）</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="dynamicSwitch">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn8">
            <span class="tooltip">投稿通知
                <span class="tooltiptext tooltiptext-left">开启后在关注的up主发布新投稿时推送通知。</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="dynamicPush">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host">
            <!--            -->
        </div>
        <div class="button-host" id="btn17">
            <span class="tooltip">视频投稿
                <span class="tooltiptext tooltiptext-left tooltiptext-top">开启后在关注的up主发布新视频时推送通知。</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="videoPush">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn18">
            <span class="tooltip">番剧投稿
                <span class="tooltiptext tooltiptext-right tooltiptext-top">开启后在关注的番剧发布新视频时推送通知。</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="pgcPush">
                    <label></label>
                </div>
            </section>
        </div>
        <div class="button-host" id="btn19">
            <span class="tooltip">专栏投稿
                <span class="tooltiptext tooltiptext-left tooltiptext-top">开启后在关注的up主发布新专栏时推送通知。</span>
            </span>
            <section class="button">
                <div class="checkbox">
                    <input type="checkbox" id="articlePush">
                    <label></label>
                </div>
            </section>
        </div>
    </div>
</div>
<div class="bottom">
    <div class="bottom-item" style="cursor: auto"><svg height="16" width="16" viewBox="0 0 16 16" version="1.1">
        <path id="github-icon" fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
    </svg></div>
    <div id="source" class="bottom-item">Source code</div>
    <div id="bug-reporter" class="bottom-item">问题反馈</div>
    <div id="readme" class="bottom-item">使用说明</div>
</div>
<script src="./js/SVGA.min.js"></script>
<script src="./js/popup.min.js"></script>
</body>
</html>